<style lang='scss' scoped>
#bulletin_board {
  background-color: #fff;
  width: 100%;
  .msg_list {
    padding: 10px;
    .item {
      border: 1px solid var(--hui);
      border-radius: 6px;
      padding: 10px;
      margin-bottom: 10px;
      h1{
          font-size: 20px;
          padding: 10px 0;
      }
    }
  }
}
</style>
<template>
  <div id="bulletin_board">
    <van-sticky>
      <van-nav-bar
        title="公告栏"
        left-arrow
        @click-left="onClickLeft"
      >
        <template #right>
          <van-icon
            size="22px"
            color="#000"
            name="wap-home-o"
            @click="$router.push('/')"
          />
        </template>
      </van-nav-bar>
    </van-sticky>
    <div class="msg_list">
      <div class="item">
        <h1>领口令，用车优惠券！</h1>
        <van-image
          width="100%"
          height="200px"
          src="https://img.yzcdn.cn/vant/cat.jpeg"
        />
      </div>
      <div class="item">
        <h1>领口令，用车优惠券！</h1>
        <van-image
          width="100%"
          height="200px"
          src="https://img.yzcdn.cn/vant/cat.jpeg"
        />
      </div>
      <div class="item">
        <h1>领口令，用车优惠券！</h1>
        <van-image
          width="100%"
          height="200px"
          src="https://img.yzcdn.cn/vant/cat.jpeg"
        />
      </div>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    onClickLeft() {
      console.log("返回");
      this.$router.go(-1);
    },
    onClickRight() {
      console.log("按钮");
      this.$router.push("/");
    },
  },
};
</script>